<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>
        <p:dialog id="HabilidadEditDlg" widgetVar="HabilidadEditDialog" modal="true" resizable="false"  appendTo="@(body)" header="#{myBundle.EditHabilidadTitle}" closeOnEscape="true">

            <h:form id="HabilidadEditForm">

                <h:panelGroup id="display" style="width:70%; margin: 0 auto;">
                    <p:panelGrid  columns="2" rendered="#{habilidadController.selected != null}">

                        <h:outputLabel value="#{myBundle.EditHabilidadLabel_idHabilidad}" for="idHabilidad" />
                        <h:panelGroup>
                            <h:outputText id="idHabilidad" value="#{habilidadController.selected.idHabilidad}" />
                            <p:tooltip for="idHabilidad" value="#{habilidadController.getComponentMessages('idHabilidad', myBundle.EditHabilidadHelpText_idHabilidad)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.EditHabilidadLabel_nombre}" for="nombre" />
                        <h:panelGroup>
                            <p:inputText id="nombre" value="#{habilidadController.selected.nombre}" title="#{myBundle.EditHabilidadTitle_nombre}" 
                                         required="true" requiredMessage="#{myBundle.EditHabilidadRequiredMessage_nombre}" 
                                         size="255" maxlength="255" style="width: 400px"/>
                            <p:tooltip for="nombre" value="#{habilidadController.getComponentMessages('nombre', myBundle.EditHabilidadHelpText_nombre)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.EditHabilidadLabel_descripcion}" for="descripcion" />
                        <h:panelGroup>
                            <p:inputText id="descripcion" value="#{habilidadController.selected.descripcion}" title="#{myBundle.EditHabilidadTitle_descripcion}" 
                                         size="150" maxlength="150" style="width: 400px"/>
                            <p:tooltip for="descripcion" value="#{habilidadController.getComponentMessages('descripcion', myBundle.EditHabilidadHelpText_descripcion)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{myBundle.EditHabilidadLabel_activo}" for="activo" />
                        <h:panelGroup>
                            <p:selectBooleanCheckbox id="activo" value="#{habilidadController.selected.activo}" required="true" requiredMessage="#{myBundle.EditHabilidadRequiredMessage_activo}"/>
                            <p:tooltip for="activo" value="#{habilidadController.getComponentMessages('activo', myBundle.EditHabilidadHelpText_activo)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.EditHabilidadLabel_idCategoria}" for="idCategoria" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idCategoria" value="#{habilidadController.selected.idCategoria}" required="true" requiredMessage="#{myBundle.EditHabilidadRequiredMessage_idCategoria}" converter="categoriaConverter">
                                <f:selectItem itemLabel="#{myBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{categoriaController.items}"
                                               var="idCategoriaItem"
                                               itemValue="#{idCategoriaItem}"
                                               itemLabel="#{idCategoriaItem.nombre.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idCategoria" value="#{habilidadController.getComponentMessages('idCategoria', myBundle.EditHabilidadHelpText_idCategoria)}"/>
                        </h:panelGroup>
                    </p:panelGrid>
                    <p:commandButton actionListener="#{habilidadController.save}" value="#{myBundle.Save}" update="display,:HabilidadListForm:datalist,:growl" oncomplete="handleSubmit(xhr,status,args,HabilidadEditDialog);">
                        <p:confirm header="#{myBundle.ConfirmationHeader}" message="#{myBundle.ConfirmEditMessage}" icon="ui-icon-alert"/>
                    </p:commandButton>
                    <p:commandButton value="#{myBundle.Cancel}" onclick="HabilidadEditDialog.hide()"/>
                </h:panelGroup>

            </h:form>

        </p:dialog>

    </ui:composition>

</html>
